<template>
    <div class="index">
        123
        <div class="productdetails">
            <div class="detailtop">

            </div>
           <div class="detailbot"></div>
        </div>
        1354543
    </div>
</template>

<script>
export default {
    components: {},
    props: {},
    data() {
        return {
            
        };
    },
    watch: {},
    computed: {},
    methods: {},
    created() { },
    mounted() { }
};
</script>
<style lang="scss" scoped>.index {
    // background: #F9F9F9;
}

.productdetails {
    margin-left: 2%;
    width: 90%;
    height: 500px;
    background: #fff;
    border: 1px rgb(232, 228, 228) solid;
    // box-shadow: 0 3px 20px -15px #000000;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    // box-shadow: 1px 1px 1px -10px rgb(255 255 255 / 40%);
}</style>